เผยแพร่เมื่อวันที่ 20 พฤษภาคม 2025
ในงาน Google I/O 2025 เราได้เปิดตัวฟีเจอร์ใหม่ๆ ที่จะเพิ่มประสิทธิภาพการทำงานและช่วยให้คุณสร้างเว็บที่มีประสิทธิภาพ ราบรื่น และทันสมัยยิ่งขึ้น
ต่อไปนี้คือนวัตกรรมหลัก 10 รายการที่มอบความสามารถล้ำสมัยให้คุณโดยตรงและจะช่วยสร้างแรงบันดาลใจให้กับโปรเจ็กต์ถัดไป
1. คุณสร้างภาพสไลด์ได้ง่ายกว่าที่เคยด้วย CSS และ HTML เพียงไม่กี่บรรทัด
สร้างภาพสไลด์ที่สวยงามด้วย CSS ที่โต้ตอบได้ตั้งแต่การวาดภาพครั้งแรก Chrome 135 ได้เปิดตัวองค์ประกอบพื้นฐาน CSS ใหม่ ซึ่งได้แก่ องค์ประกอบการแยกส่วนที่กำหนดสไตล์ได้ องค์ประกอบเครื่องหมายเลื่อน และปุ่มเลื่อน ซึ่งช่วยให้สร้างภาพสไลด์ได้ง่ายขึ้นโดยไม่ต้องใช้ JavaScript ใช้แนวคิด CSS ที่คุ้นเคยเพื่อสร้างภาพสไลด์ที่สมบูรณ์แบบ โต้ตอบได้ ราบรื่น และเข้าถึงได้ง่ายขึ้นในเวลาอันรวดเร็ว
2. โปปอัปแบบประกาศ: ขอแนะนํา Interest Invoker API ใหม่
Interest Invoker API เวอร์ชันทดลองพร้อมใช้งานเป็นช่วงทดลองใช้จากต้นทาง
ฟีเจอร์นี้ช่วยให้คุณเปิด/ปิดป๊อปอัปได้อย่างชัดเจนเมื่อความสนใจของผู้เข้าชมมีการใช้งานเป็นระยะเวลาสั้นๆ ลาก่อนแอตทริบิวต์ [title] ที่กำหนดสไตล์ไม่ได้ สวัสดี [interesttarget] ใช้ร่วมกับ Anchor Positioning API และ Popover API เพื่อสร้างองค์ประกอบ UI ที่สมบูรณ์ ตอบสนอง และโต้ตอบได้ เช่น เคล็ดลับเครื่องมือหรือการ์ดโฮเวอร์ โดยไม่ต้องใช้ JavaScript ทุกอย่างเป็นไปได้ด้วย CSS สมัยใหม่
3. AI API ในตัวหลายรายการที่ใช้โมเดลชั้นนําอย่าง Gemini Nano พร้อมให้ใช้งานแล้วในตอนนี้ โดยจะมีความสามารถแบบหลายรูปแบบใน Prompt API
เส้นทางAI ในตัวของเรายังคงดำเนินต่อไป เพื่อมอบความเป็นส่วนตัวที่ดีขึ้น เวลาในการตอบสนองที่ลดลง และต้นทุนที่ต่ำลง รวมถึงการเข้าถึงเอาต์พุตคุณภาพสูงที่ AI สร้างขึ้น AI ในตัวใช้โมเดลที่ผ่านการทดสอบแล้วและ Gemini Nano ซึ่งเป็นโมเดลที่มีประสิทธิภาพที่สุดของ Google สำหรับงานในอุปกรณ์ ตั้งแต่ Chrome 138 เป็นต้นไป Summarizer API, Language Detector API, Translator API และ Prompt API สำหรับ Chrome ส่วนขยายจะพร้อมใช้งานในรุ่นเสถียร นอกจากนี้ Writer API และ Rewriter API ยังพร้อมให้ใช้งานในช่วงทดลองใช้จากต้นทาง
Proofreader API ใหม่พร้อมด้วย Prompt API ที่มีความสามารถแบบมัลติโมเดลพร้อมให้ใช้งานใน Chrome Canary
หากต้องการข้อมูลล่าสุด โปรดเข้าร่วมโปรแกรมทดลองใช้ก่อนเปิดตัวเพื่อทำงานร่วมกันเกี่ยวกับ AI API ในตัวใหม่และกำหนดอนาคตของ AI บนเว็บ
4. AI ฝั่งไคลเอ็นต์ขยายการให้บริการด้วย Firebase และ Gemini Developer API เพื่อมอบโซลูชัน AI แบบผสม
การทำงานร่วมกันของเรากับ Firebase และ Gemini Developer API ช่วยให้คุณสามารถสร้างประสบการณ์การใช้งานเว็บที่ขับเคลื่อนโดย AI บนอุปกรณ์เคลื่อนที่และเดสก์ท็อปได้แล้ว แอปพลิเคชันเหล่านี้ใช้ AI ฝั่งไคลเอ็นต์เมื่อเป็นไปได้ และปรับขนาดเป็น AI ฝั่งเซิร์ฟเวอร์อย่างราบรื่นเพื่อเข้าถึงอุปกรณ์และเบราว์เซอร์ทั้งหมด ตั้งแต่วันนี้เป็นต้นไป Firebase AI Logic จะมอบสิทธิ์เข้าถึง Prompt API ในตัวของ Chrome ได้อย่างราบรื่น ซึ่งรองรับโดย Gemini Nano และโมเดลขนาดเล็กที่คล้ายกันฝั่งเซิร์ฟเวอร์โดยใช้ Gemini Developer API
5. ความช่วยเหลือจาก AI ในเครื่องมือนักพัฒนาเว็บใน Chrome รองรับเวิร์กโฟลว์การแก้ไขข้อบกพร่องในด้านต่างๆ เช่น การจัดสไตล์ ประสิทธิภาพ และอื่นๆ
ความช่วยเหลือจาก AI ช่วยให้คุณแชทกับ Gemini เพื่อแก้ไขข้อผิดพลาดเกี่ยวกับการจัดรูปแบบในแผงองค์ประกอบ แก้ไขปัญหาด้านประสิทธิภาพในแผงประสิทธิภาพ ระบุปัญหาเกี่ยวกับเครือข่ายในแผงเครือข่าย และค้นหาไฟล์ต้นฉบับในแผงแหล่งที่มาได้ นอกจากนี้ ความช่วยเหลือจาก AI ยังใช้การเปลี่ยนแปลงที่เกี่ยวข้องกับการจัดสไตล์กับซอร์สโค้ดในแผงองค์ประกอบได้โดยตรง
6. ข้อมูลผู้ใช้จริง ข้อมูลเชิงลึกของ Lighthouse และฟีเจอร์ AI ในแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome จะช่วยให้คุณเข้าใจและแก้ไขปัญหาด้านประสิทธิภาพได้
ตอนนี้แผงประสิทธิภาพที่ออกแบบใหม่ช่วยให้คุณเข้าถึงข้อมูล Core Web Vitals ในพื้นที่และของผู้ใช้จริง รวมถึงถาม Gemini เพื่อช่วยให้คุณเข้าใจและแก้ไขปัญหาด้านประสิทธิภาพได้ แถบด้านข้างข้อมูลเชิงลึกจะแสดงข้อมูลเชิงลึกของ Lighthouse ในการติดตามเพื่อช่วยให้คุณแก้ไขข้อบกพร่องได้เร็วขึ้นโดยไม่ต้องออกจากเวิร์กโฟลว์หรือหยุดทำงาน
7. ตอนนี้ฟีเจอร์พื้นฐานพร้อมใช้งานในเครื่องมือที่คุณคุ้นเคย เช่น VS Code, ESLint และอื่นๆ
เพิ่มความแม่นยำและมั่นใจมากขึ้นในเวิร์กโฟลว์การพัฒนาเว็บด้วยการผสานรวมข้อมูลพื้นฐาน ในเครื่องมือพัฒนาเว็บที่คุ้นเคย คุณจะเห็นภาพรวมที่ชัดเจนเกี่ยวกับความพร้อมใช้งานของฟีเจอร์เว็บในเบราว์เซอร์หลักๆ ต่อไปนี้
- IDE: ตอนนี้ VSCode จะแสดงสถานะพื้นฐานของฟีเจอร์ในขณะที่คุณสร้าง และ WebStorm ของ JetBrains และ IDE ที่ใช้ VS Code รวมถึง Firebase Studio, Windsurf, GitHub Codespaces และอื่นๆ จะรองรับฟีเจอร์นี้เร็วๆ นี้
- โปรแกรมตรวจไวยากรณ์: โปรแกรมตรวจไวยากรณ์ CSS และ HTML สามารถเตือนคุณล่วงหน้าเมื่อคุณใช้ฟีเจอร์ที่ใหม่กว่าเป้าหมายพื้นฐาน เบย์ไลน์ใช้ได้ใน ESLint สำหรับ CSS, HTML ESLint และ Stylelint
- ข้อมูลวิเคราะห์: RUMvision รวมข้อมูลพื้นฐานเข้ากับเมตริกผู้ใช้จริง ซึ่งช่วยให้คุณเลือกเวอร์ชันพื้นฐานที่เหมาะสมที่สุดสําหรับกลุ่มเป้าหมายได้อย่างมีกลยุทธ์ ผู้ใช้ Google Analytics สามารถอัปโหลดข้อมูลไปยังเครื่องมือตรวจสอบพื้นฐานของ Google Analytics เพื่อรับคําแนะนําพื้นฐาน
- คอมไพเลอร์: ใช้ browserslist-config-baseline เพื่อเสียบเป้าหมาย Baseline ลงในเครื่องมือคอมไพล์โค้ด เช่น Babel และ PostCSS เพื่อให้คุณใช้ฟีเจอร์สมัยใหม่ในซอร์สโค้ดได้ และคอมไพล์ลงในบิลด์เวอร์ชันที่ใช้งานจริง
8. ดูภาพรวมที่สมบูรณ์ของการสนับสนุนฟีเจอร์เว็บด้วยแดชบอร์ดแพลตฟอร์มเว็บ
เมื่อปีที่แล้ว เราได้ประกาศแดชบอร์ดแพลตฟอร์มเว็บ ซึ่งเป็นวิธีสํารวจข้อมูลฟีเจอร์ของเว็บที่เชื่อมโยงแพลตฟอร์มเว็บทั้งหมดเป็นชุดฟีเจอร์ ตอนนี้ชุดข้อมูลฟีเจอร์บนเว็บได้รับการแมป 100% แล้ว คุณจึงดูสถานะพื้นฐานของฟีเจอร์ทุกรายการในเบราว์เซอร์ทุกรุ่นได้เป็นครั้งแรก ซึ่งรวมถึงความพร้อมใช้งานและการนำไปใช้งาน ตั้งแต่ AVIF ไปจนถึงการเปลี่ยนมุมมอง คอยรับข้อมูลอัปเดตและสร้างแอปอย่างมั่นใจ
9. ช่วงทดลองใช้สำหรับนักพัฒนาแอปเพื่อประสบการณ์การลงชื่อเข้าใช้ที่มีประสิทธิภาพมากขึ้นด้วยเครื่องมือจัดการข้อมูลเข้าสู่ระบบ
เราตระหนักดีว่าวิธีการตรวจสอบสิทธิ์หลายวิธี ซึ่งรวมถึงรหัสผ่าน การรวมข้อมูลประจำตัว และพาสคีย์ อาจทำให้เกิดความไม่สะดวกแก่ผู้ใช้เว็บไซต์ของคุณ เป้าหมายของเราคือการมอบประสบการณ์การลงชื่อเข้าใช้ที่รวมเป็นหนึ่งเดียวและใช้งานง่ายสำหรับผู้ใช้ ดังนั้นเราจึงนำประสบการณ์การใช้งานที่ใช้งานง่ายของเครื่องมือจัดการข้อมูลเข้าสู่ระบบของ Android มาไว้ใน Chrome ในเร็วๆ นี้ เมื่อผู้ใช้คลิกลงชื่อเข้าใช้ Chrome จะแสดงข้อมูลเข้าสู่ระบบที่ใช้ได้กับเว็บไซต์นี้ เช่น พาสคีย์และรหัสผ่านจากเครื่องมือจัดการรหัสผ่านบน Google เพื่อให้ลงชื่อเข้าใช้ได้อย่างราบรื่น เราวางแผนที่จะเพิ่มการรวมข้อมูลประจำตัวลงในประสบการณ์การใช้งานนี้ด้วย ตอนนี้เครื่องมือจัดการข้อมูลเข้าสู่ระบบสำหรับเว็บอยู่ในช่วงทดลองใช้สำหรับนักพัฒนาแอป โปรดติดตามการอัปเดตเพิ่มเติมภายในปีนี้
10. ปรับปรุงส่วนขยาย Chrome ได้เร็วขึ้นด้วยความสามารถในการยกเลิกการตรวจสอบการส่ง
การส่งส่วนขยาย Chrome ควรเป็นเรื่องที่ราบรื่น ไร้กังวล และน่าตื่นเต้น อย่างไรก็ตาม เราทราบดีว่าปัญหาหนึ่งที่เกิดขึ้นคือไม่สามารถแก้ไขข้อผิดพลาดในข้อมูลที่ส่งมาซึ่งรอดำเนินการได้อย่างรวดเร็ว เมื่อต้นปีนี้ เราได้เปิดตัวความสามารถในการยกเลิกการส่งที่รอดำเนินการ ซึ่งต่อยอดมาจากความสามารถในการเปลี่ยนกลับเวอร์ชันที่เผยแพร่ไปก่อนหน้านี้ โดยมีเป้าหมายเพื่อให้คุณทำการเปลี่ยนแปลงและส่งอีกครั้งได้อย่างรวดเร็ว
ดูข้อมูลล่าสุดทั้งหมดได้ที่ developer.chrome.com และ web.dev เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่เราทำให้เว็บมีประสิทธิภาพและใช้งานได้ง่ายขึ้น และอย่าลืมติดตามเราใน X, YouTube และ LinkedIn แล้วพบกันใหม่ในงาน I/O ครั้งถัดไป
Deloitte หมายถึง Deloitte Touche Tohmatsu Limited อย่างน้อย 1 แห่ง ซึ่งเป็นบริษัทเอกชนจำกัดโดยค้ำประกันในสหราชอาณาจักร ("DTTL") เครือข่ายบริษัทสมาชิก และนิติบุคคลที่เกี่ยวข้อง DTTL และบริษัทสมาชิกแต่ละแห่งเป็นนิติบุคคลที่แยกจากกันและเป็นอิสระตามกฎหมาย DTTL (หรือที่เรียกว่า "Deloitte Global") ไม่ได้ให้บริการแก่ลูกค้า ในสหรัฐอเมริกา Deloitte หมายถึงบริษัทสมาชิกของ DTTL ในสหรัฐอเมริกาอย่างน้อย 1 แห่ง รวมถึงนิติบุคคลที่เกี่ยวข้องซึ่งดำเนินธุรกิจโดยใช้ชื่อ "Deloitte" ในสหรัฐอเมริกาและบริษัทในเครือที่เกี่ยวข้อง บริการบางอย่างอาจไม่พร้อมให้บริการแก่ลูกค้าที่ได้รับการรับรองภายใต้กฎและระเบียบของการตรวจสอบบัญชีสาธารณะ โปรดดูข้อมูลเพิ่มเติมเกี่ยวกับเครือข่ายบริษัทสมาชิกทั่วโลกของเราที่ www.deloitte.com/about